<template>
	<view class="app">
		<view class="">
			<view class="app-1"><image src="https://gnzxwylz.xlygrcw.com/upload/GNZX/home/19.png" mode="widthFix"></image></view>
			<view class="app-2"><u-parse :html="content"></u-parse></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			content: `<p>露从今夜白，月是故乡明</p>`
		};
	}
};
</script>

<style lang="scss">
page {
	background: #f2f2f2;
}
.app {
	padding: 40upx 30upx;
	background-image: url('https://gnzxwylz.xlygrcw.com/upload/GNZX/home/18.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	> view {
		background-color: #fff;
		box-shadow: 0px 0px 16upx 0px rgba(0, 0, 0, 0.04);
		border-radius: 20upx;
		min-height: 930upx;
		margin-top: 150upx;
		.app-1 {
			width: 108upx;
			height: 108upx;
			background: #ffffff;
			box-shadow: 0px 0px 7upx 0px rgba(0, 0, 0, 0.2);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto;
			position: relative;
			top: -20upx;
			image {
				width: 62upx;
			}
		}
		.app-2{
			padding: 20upx 40upx;
		}
	}
}
</style>
